<template>
    <div class="setting-account-safety">
        <h2>修改密码</h2>
        <div class="ivu-mt ivu-pl ivu-pr">
        <Form :model="formItem" :label-width="100">
            <FormItem label="原始密码">
                <Input v-model="formItem.input" placeholder="请输入"></Input>
            </FormItem>
            <FormItem label="新密码">
                <Input v-model="formItem.input1" placeholder="请输入"></Input>
            </FormItem>
            <FormItem label="确认新密码">
                <Input v-model="formItem.input2" placeholder="请输入"></Input>
            </FormItem>
            <FormItem>
                <Button type="primary">修改</Button>
            </FormItem>
        </Form>
        </div>
    </div>
</template>
<script>
    export default {
        data () {
            return {
                formItem : {
                    input:'',
                    input1:'',
                    input2:''
                }
            }
        }
    }
</script>
<style lang="less">
    .setting-account-safety{
        .ivu-col{
            p{
                margin-top: 8px;
                color: #808695;
            }
        }
    }
</style>
